<template>
  <div >
    <div
      style="color: white;font-size: 22px;position: absolute;top: 115px;left: 67px;"
      @click="$router.push({path: '/Other'})"
    >
      <van-icon name="arrow-left" />
      <span style="position: absolute;width: 100px;top: -5px;left: 40px;">其他资讯</span>
    </div>
    <div align="center" v-for="(item,index) in list" :key="index" class="wrap">
		<img :src="item.informationUrl" width="800" height="400" alt="">
      <!-- <v-touch v-on:swipeleft="onSwipeLeft" v-on:swiperight="onSwipeRight" tag="div">
        <div style="position: absolute;top: 165px;left: 180px;right: 180px;">
          <van-row gutter="40" class="a-fadeinL">
            <van-col span="8">
              <img src="../assets/9.png" style="border-radius: 10px;" />
              <span
                style="color: white;font-size: 20px;display: block;padding: 15px 0px;"
              >提供强付费能力的优质用户平台是您联运的不二选择</span>
            </van-col>
            <van-col span="8">
              <img src="../assets/10.png" style="border-radius: 10px;" />
              <span
                style="color: white;font-size: 20px;display: block;padding: 15px 0px;"
              >拥有优质手游渠道资源支持多种合作模式</span>
            </van-col>
            <van-col span="8">
              <img src="../assets/11.png" style="border-radius: 10px;" />
              <span
                style="color: white;font-size: 20px;display: block;padding: 15px 0px;"
              >支持线上线下推广合作，打到用户互引，创造品牌效益。</span>
            </van-col>
          </van-row>
          <van-row
            gutter="40"
            class="a-fadeinL"
            type="flex"
            align="center"
            style="margin-top:40px;text-align:left"
          >
            <van-col span="8">
              <img src="../assets/12.png" style="border-radius: 10px;" />
            </van-col>
            <van-col span="2"></van-col>
            <van-col span="14">
              <p
                style="color: white;font-size: 20px;display: block;padding: 10px 0px;"
              >高新奇今日的硕果，离不开广大合作伙伴的支持。</p>
              <p
                style="color: white;font-size: 20px;display: block;padding: 10px 0px;"
              >正因如此，我们更懂得团队协作的重要。</p>
              <p
                style="color: white;font-size: 20px;display: block;padding: 10px 0px;"
              >高新奇十分愿意与各行业的优秀品牌进行合作，资源共享，互利共赢，共同为社会创造更大的价值。</p>
            </van-col>
          </van-row>
        </div>
      </v-touch> -->
    </div>
  </div>
</template>

<script>
let _this;
export default {
  name: "OtherInf3",
  data() {
    return {
      current: 1,
      size: 6,
      list: []
    };
  },
  created() {
    // 创建 vue 实例之前
    _this = this;
  },
  watch: {},
  mounted() {
    this.getList();
  },
  methods: {
    getList() {
      let params = {
        informatTypeID: this.$route.query.pageId,
        size: this.size, //每页条数
        current: this.current //页码
      };

      this.$http
        .get("/information/SelectInformationByID", { params: params })
        .then(res => {
          if (res.data.code == 200) {
			  this.list = res.data.data.records;
          } else if (res.code == 500) {
            this.$notify(res.msg);
          }
        });
    
    }
  }
};
</script>

<style lang="less" scoped>

/deep/ .van-icon {
  font: 24px/1 "vant-icon";
}

/deep/ .van-row {
  margin-right: 0 !important;
}

.left /deep/ .van-icon {
  font: 48px/1 "vant-icon";
  color: rgb(56, 107, 146);
}

.left {
  position: absolute;
  top: 340px;
  left: 100px;
}

.right /deep/ .van-icon {
  font: 48px/1 "vant-icon";
  color: rgb(53, 86, 114);
}

.right {
  position: absolute;
  top: 340px;
  right: 100px;
}
.wrap {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.a-fadein {
	height: 100%;
}
</style>